@charset "utf-8";
html { font-size: 62.5%; color: #222;}
::selection { background-color: #f60; text-shadow: none; color: #f00;}
::-moz-selection {color:#ff0000;}
ul,dl,li,dt,dd,h5 {margin: 0;padding: 0;}
li {list-style: none;}
/*工具样式*/
.center-block{display: block;margin: 0 auto;}
.pull-right{float: right !important;}
.pull-left{float: left !important;}
.text-right{text-align: right !important;}
.text-left{text-align: left !important;}
.text-center{text-align: center !important;}
.hide{display: none !important;}
.show{display: block !important;}
.invisible{visibility: hidden;}
.text-hide{font: 0/0 a;color: transparent;text-shadow: none;background-color: transparent;border: 0;}
.clearfix:befor,
.clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;}

/*浏览器更新提示*/
.browserupgrade{padding: 5px;margin: 0;background-color: #fc0;text-align: center;font-size: 1.5rem;}
.browserupgrade a{color: #f30;padding: 0 5px;}
/* CSS Document */

.header{ width:100%; height:90px; background:#fff;}
.headerInfo{ width:1200px; margin:0 auto; zoom:1; overflow:hidden;}
.logo{ padding-left:20px; margin-top:5px;}
.tel{ padding-right:20px; margin-top:15px;}
.tel p{ line-height:24px;}
.tel strong{ font-size:20px; color:#f30;}
.tel a{ background:#f60; color:#fff; padding:2px 10px; margin-left:15px; border-radius:4px;}

.nav{ background:url(../images/menubg.png) no-repeat center center; height:60px; position:absolute; top:90px; z-index:3; width:100%;}
.nav ul{ width:1200px; margin:0 auto; zoom:1; overflow:hidden;}
.nav li{ float:left; font-size:16px; width:120px; height:60px; line-height:60px; text-align:center;}
.nav li a{ color:#fff;}

/*wap*/
.wap-header{background:#fff;height: 60px;zoom:1;overflow: hidden;}
.wap-header .wap-logo{padding: 10px;width:40%;float: left;}
.wap-header .wap-logo img{width: 100%;}
.wap-icon{padding: 10px;float: right;}
.wap-iconView{display: block;background: url(../images/menu.png) no-repeat;background-size: 80%;width: 35px;height: 34px;margin-top: 5px;}
.wap-nav{display: none;position: absolute;width: 100%;background: #fff;top: 60px;z-index: 100;border-top: solid 1px #ddd;background: #fefefe;}
.wap-nav ul li{height: 50px;line-height: 50px;border-bottom: solid 1px #ddd;font-size: 2rem;text-align: center;}
.wap-nav ul li a{display: inline-block;width: 100%;height: 100%;}
.wap-nav ul li a:hover,.wap-nav ul li a:active{color: #fff;background: #08c8b8;}

/*banner*/
.swiper-container { width: 100%; height: 100%;}
.swiper-slide { background-position: center; background-size: cover;}
.swiper1{height: 560px;}

.about{ width:100%; padding:40px 0; background:url(../images/bg_about.jpg) no-repeat center center;}
.honor{ width:100%; padding:40px 0;}
.product{ width:100%; padding:40px 0;}
.contact{ width:100%; height:800px; padding:60px 0; background:url(../images/bg_contact.jpg) no-repeat center center;}

/*about*/
.intro{ width:1200px; margin:0 auto; padding:60px 0; zoom:1; overflow:hidden;}
.about_txt{ width:580px;}
.about_icon{ height: auto; overflow: hidden; padding:30px 0;}
.about_icon ul{ margin:0 auto; padding:0; text-align: center;}
.about_icon ul li{width: 177px;height: auto;overflow: hidden;float: left;position: relative;margin-right: 23px;}
.about_icon ul li a{ display: block; color: #999;}
.about_icon ul li a .pic{transition: 0.5s;width: 147px;height:80px;overflow: hidden;background-repeat: no-repeat;background-position: left top;}
.about_icon ul li a font{display:block;padding-top: 15px;position: absolute;top: 0px;right: 10px!important;text-align: left;}
.about_icon ul li a font i{font-size: 16px;padding-right:4px;color: #333;font-style: normal;text-align: left;font-weight: bold;}
.about_icon ul li:nth-of-type(3){ margin-right:0;}
.about_icon ul li a:hover .pic{background-position: left bottom; transition: 0.5s;}
.about_icon ul li a:hover{ color:#00a1e9;}
.about_icon ul li a:hover font i{ color:#00a1e9;}

.more{ width:120px;}
.more a{display:block;height:38px;line-height:38px;color: #fff;background: #00a1e9;text-align:center;font-size: 14px;transition: 0.6s;}
.more a:hover{background:#19548c;color:#fff;}

.about_video{ width:530px; height:330px; background:#eee;}
.about_video img{ width:530px; height:330px;}

.more02 a{display:block;height:38px;line-height:38px;color: #fff;background: #00a1e9;text-align:center;font-size: 14px;transition: 0.6s;}
.more02 a:hover{background:#19548c;color:#fff;}

/*product*/
.product_inner{ width:1200px; margin:0 auto; padding-top:30px; zoom:1; overflow:hidden;}
.product_type{ width:220px; height:556px; padding:10px; background:#1d87ca url(../images/bg_pclass.jpg) no-repeat center bottom; float:left; border-radius:6px;}

.product_type h3{ background:#dd2422; height:60px; padding:20px; color:#fff; font-size:32px;}
.product_type ul{ background:#fff; padding:20px; font-size:16px; border-radius:4px;}
.product_type ul li{ border-bottom:solid 1px #ddd; line-height:50px;}
.product_type .lianxi{ color:#fff; margin-top:20px;}
.product_type .lianxi p{ line-height:34px; font-size:16px;}

.product_img{ width:900px; float:right;}
.product_list01{ margin-right:-30px; zoom:1; overflow:hidden;}
.product_list01 li{ float:left; width:430px; margin-right:30px; margin-bottom:30px;}
.product_list01 li img{ width:430px; height:300px; border:solid 1px #eee;}
.product_list01 li span{ background:#eee; height:46px; line-height:46px; display:block; text-align:center;}

.product_list02{ }
.product_list02 li{ }
.product_list02 li img{ width:210px; height:150px;}
.product_list02 li span{ background:#eee; height:46px; line-height:46px; display:block; text-align:center;}


/*youshi*/

.tab-content { display:none;}
.tab-content.show { display:block;}

.youshi{ width:100%; padding:40px 0; background:url(../images/bg_about.jpg) no-repeat center center;}
.youshiInfo{ width:1200px; margin:0 auto; padding-top:50px;}
.youshi .youshiInfo .youshiInfoTab{ zoom:1; overflow:hidden; }
.youshi .youshiInfo .youshiInfoTab li{ float:left; cursor:pointer; width:299px; background:#1d87ca; text-align:center; padding:20px 0; font-size:16px; color:#fff; border-right:solid 1px #fff;}
.youshi .youshiInfo .youshiInfoTab li.on { background: #ff6000;}
.youshiConInfo{ padding:40px 0; zoom:1; overflow:hidden;}
.zhengshuImg{ float:left;}
.zhengshuImg img{ width:580px; height:360px;}
.zhengshuTxt{ width:580px; float:right;}
.zhengshuTxt h3{ font-size:30px;}
.zhengshuTxt p{ font-size:18px; margin-top:10px;}


/*honor*/
.swiper-container{ padding:60px;}
.honor_info img{ border:solid 1px #eee;}


/*news*/
.news{background: #fff;padding: 5rem 0 0 0;}
.news h3{font-size: 2.8rem;text-align: center;}
.news-info{width:1200px;margin:0 auto; padding:50px 0; zoom:1;}
.news-left{width: 36%;float: left;background: #f25638; padding-bottom:1.6rem; position:relative; top:30px; height:280px;}
.news-left img{ height:300px; position:absolute; left:-20px; top:-30px;}
.news-left h4{ font-style:normal; font-size: 1.8rem;line-height: 6rem;padding:0 16px; color:#fff; position:absolute; left:200px; top:10px;}
.news-left .lianxiInfo{line-height:24px; font-style:normal; padding:0 16px; color:#fff; position:absolute; left:200px; top:60px;}

.news-right{width: 60%;float: right;}
.news-right div.newsbg{ background:#f1f2f4; height:65px; padding:20px; margin-bottom:4px; zoom:1; overflow:hidden;}
.news-right div.newsbg .date{width:20%; height:60px; border-right:solid 1px #dedede; padding-top:10px; text-align:center; float:left;}
.news-right div.newsbg .date span{ display:block; margin-bottom:10px;}
.news-right div.newsbg .date a{ display:block; width:60px; height:20px; line-height:20px; margin:0 auto; background:#f25638; text-align:center; color:#fff;}
.news-right div.newsbg .newTitle{ 	float:left; margin-left:30px; width: 70%;}
.news-right div.newsbg .newTitle h3{ line-height: 24px;font-size:16px; font-weight:400; text-align: left;}
.news-right div.newsbg .newTitle p{ font-size:14px;font-weight:400; line-height:24px;}

.friends .intro img{ width:150px; height:90px; border:solid 1px #ddd;}

.page{ text-align:center; padding:10px; font-size:14px;}

#footer { width: 100%; overflow: hidden; background:#282828; color:#ddd; line-height:24px;}
.foot_t{ width:1280px; margin:0 auto; padding:50px 0; zoom:1; overflow:hidden;}
.contacts{ width:325px; float:left;}
.contacts dl dt{ font-size:18px; margin-bottom:15px;}
.contacts dl dd { font-size:14px;}
.erweima{ max-width:225px; float:left; text-align:center;}
.erweima img{max-width:150px;}
.erweima h2{ text-align:center; margin-bottom:15px;}
.erweima span{ display:block; text-align:center;}
.menu{ width:723px; float:left; border-left:solid 1px #666; border-right:solid 1px #666;}
.menu dl{ width:150px; float:left; padding-left:20px;}
.menu dl dt{ font-size:18px; margin-bottom:15px;}
.menu dl dd { font-size:14px;}
.menu dl dd a{ font-size:14px; color:#ddd;}
.menu dl dd a:hover{ font-size:14px; color:#fff;}

.foot_cr { background:#000; padding:10px 0;}
.foot_cr p {color:#c2c6d2; line-height: 22px; text-align:center}

.footInfo{ margin-bottom:20px; padding-top:30px; clear:both;}
.footInfo dl{ padding:20px; background:#e5e5e5; width:1165px; margin:0 auto; zoom:1; overflow:hidden;}
.footInfo dl dt{ float:left;}
.footInfo dl dd{ float:left; margin-left:15px;}
.footInfo dl dd img{ height: 45px;max-width: 140px}

.banner-inner{ height:376px; padding-top:80px;}
.banner-bg1{ background:url(../images/ty_bj.jpg) no-repeat center 80px;}
.banner-bg2{ background:url(../images/xw.jpg) no-repeat center 80px;}
.banner-bg3{ background:url(../images/cp_bj.jpg) no-repeat center 80px;}
.banner-inner h3{ width:1180px; margin:0 auto; font-size:24px; color:#fff; padding-top:280px;}
.banner-inner p{ width:1180px; margin:0 auto; color:#fff;}
.banner-inner p a{ color:#fff;}
.banner-inner p a:hover{ color:#f60;}

.content-inner{ width:1200px; margin:0 auto; padding:50px 0;}
.content-inner h1{ text-align:center; border-bottom:dashed 1px #ddd;}
.content-inner p{ margin-top:15px;}

.content-inner img{/* max-width: 50%; */}

.news-nav{ border-bottom:solid 1px #ddd; height:60px; line-height:60px;}
.news-nav p{ width:1180px; margin:0 auto;}
.news-nav p a{ background:url(../images/btn01.png) no-repeat left center; padding-left:15px; margin-right:15px;}

.list{ width:1180px; margin:30px auto;}
.list dl{ border-bottom:solid 1px #ddd; padding:20px 0;}
.list dl dt{ font-size:18px; line-height:40px;}
.list dl dt img{ width:300px; height:180px;}
.list dl dd.data{ font-size:14px; line-height:40px; color:#999;}
.list dl dd.txt{ font-size:14px; line-height:24px;}

.product-inner{ zoom:1; overflow:hidden;}
.left{ width:200px; float:left;}
.right{ width:960px; float:right;}

.product_list p{ background:#eee url(../images/btn01_h.png) no-repeat 10px center; height:50px; display:block; padding-left:35px; line-height:50px; margin-bottom:15px; margin-top:0;}
.product-img{ zoom:1; overflow:hidden; margin-right:-30px; border-bottom:solid 1px #ddd;}
.product-img li{ float:left; width:300px; margin-right:30px; margin-bottom:30px;}
.product-img li img{ width:300px; height:220px; border:solid 1px #eee;}
.product-img li span{ display:block; text-align:center;}

.honor-img { width:100%;}
.honor-img ul{ width:100%; zoom:1; overflow:hidden; margin-right:-30px; border-bottom:solid 1px #ddd;}
.honor-img ul li{ float:left; width:270px; margin-right:30px; margin-bottom:30px;}
.honor-img ul li img{ width:270px; height:380px; border:solid 1px #eee;}
.honor-img ul li span{ display:block; text-align:center;}

.honor-img1 { width:100%;}
.honor-img1 ul{ width:100%; zoom:1; overflow:hidden; margin-right:-30px; border-bottom:solid 1px #ddd;}
.honor-img1 ul li{ float:left; width:270px; margin-right:30px; margin-bottom:30px;}
.honor-img1 ul li img{ width:270px; height:120px; border:solid 1px #eee;}
.honor-img1 ul li span{ display:block; text-align:center;}

.lianxiwomenInfo{ text-align:center; padding-bottom:15px;}
.xiaochengxvma img{ display:block; width:50%; margin:15px auto;}

/*Wap*/
@media only screen and (max-width: 750px){
	.swiper1 { height: 160px;}
	.header,.nav,.about_icon,.product_inner,.foot_pc,.swiper2,.swiper3,.footInfo,.news-left,.foot_t{ display: none;}
	.tac img{ width:100%;}
	.about{ height:auto; padding:0;}
	.intro{ width:90%; padding:20px 0; margin:0 auto;}
	.about_txt{ float:none;}
	.more{ width:95%; margin:0 auto; padding:20px 0;}
	.more02{ width:95%; margin:0 auto; padding:20px 0;}
	.about_video{ width:100%; height:200px; margin:0 auto; float:none; display:block;}
	
	.product{ height:auto; padding:0;}
	.product-intro{ padding:20px 0;}
	.product_list03{ width:100%; padding-left:10px; zoom:1; overflow:hidden;}
	.product_list03 li{ float:left; width:44%; margin-right:20px; margin-bottom:10px;}
	.product_list03 li img{ width:100%; height:120px; border:solid 1px #eee;}
	
	.youshi .youshiInfo{ width:100%;}
	.youshi .youshiInfo .youshiInfoTab{ width:100%;}
	.youshi .youshiInfo .youshiInfoTab li{ width:24.6%;white-space:normal; line-height:24px; padding-top:5px;}
	.zhengshuImg{ float:none;}
	.zhengshuImg img{ width:100%; height:auto;}
	.zhengshuTxt{ width:95%; margin:0 auto; float:none;}
	
	.about_video{ width:95%; margin:0 auto;}
	.about_video img{ width:100%; height:auto;}
	
	.news-info{ width:100%;}
	.news-left{width: 100%;}
	.news-right{width: 100%;margin-top: 10px;}
	.news-right div.newsbg{ height:100px; }
	.news-right div.newsbg .date{width:25%; }
	.news-right div.newsbg .newTitle{width:60%; }
	
	.honor{ height:auto;}
	.honor_info img{ width:100%;}
	
	.content-inner{ width:90%; margin:0 auto;}
	.content-inner img{ width:100%;}
	
	.banner-bg1,.banner-bg3,.banner-bg2 { width:100%; background-position:center top; background-size:cover;}
	.banner-inner { height: 100px;}
	.banner-inner h3 { width:90%; margin: 0 auto; padding-top:10px;}
	.banner-inner p { width:90%; margin: 0 auto;}
	
	.news-nav p { width: 90%; margin: 0 auto;}
	
	.honor-img ul li{ width:40%; margin-left:20px; margin-right:0;}
	.honor-img ul li img { width: 100%; height: 180px;}
	
	.list{ width:100%;}
	.left,.right{ width:100%; float:none;}
	.product-img li{ width:44%; margin-left:5px; margin-right:5px;}
	.product-img li img{ width: 100%; height: 120px;}
	
}
@media only screen and (min-width: 1337px){
	.wap-header,.product_list03,.more02,.swiper2-wap,.swiper3-wap,.lianxiwomen{ display: none; }
	.news-info{ width: 1180px; margin: 0 auto; }
}

.jdal img{height: 148px; max-width: 188px;}